import 'package:flutter/material.dart';

class ContainerComp extends StatelessWidget {
  const ContainerComp({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Container组件的使用'),
        backgroundColor: Colors.pink,
      ),
      body: Container(
        // 1. 设置背景颜色
        // 默认是占满整个页面
        // color: Colors.green,
        // 2. 设置宽和高
        width: 300.0,
        height: 500.0,
        // 3. 设置外边距
        // margin: const EdgeInsets.all(30),
        // margin: const EdgeInsets.fromLTRB(10, 20, 30, 40)
        margin: const EdgeInsets.only(left: 30, top: 30),
        // 4. 设置内边距
        padding: const EdgeInsets.all(30),
        // 7. 设置装饰效果
        decoration: BoxDecoration(
          // 7.0 一旦设置了decoration, 背景必须写在这里面
          color: Colors.green,
          // 7.1 设置边框
          border: Border.all(color: Colors.red, width: 6),
          // 7.2 设置圆角
          borderRadius: BorderRadius.circular(20)
        ),
        // 5. 指定子组件
        child: Container(
          color: Colors.orange,
          // 6. 设置内容对齐方式
          alignment: Alignment.center,
          child: const Text('喜欢IT, LikeIT'),
        ),
      ),
    );
  }
}